<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>所有珠宝|卡地亚中国官网站</title>
    <link rel="stylesheet" href="./css/index.min.css">
</head>
<body>
    <div class="header">
        <div class="title w clearfix">
            <ul class="clearfix fl">
                <li><a href="#">联系我们</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">400 885 6618</a></li>
            </ul>
            <a class="fl cartier"><img src="./imgs/head.png" alt=""></a>
            <div class="tubiao fr">
                <a class="man"><img src="./imgs/man.png" alt=""></a>
                <a class="seat"><img src="./imgs/seat.png" alt=""></a>
                <a class="key"><img src="./imgs/key.png" alt=""></a>
            </div>
        </div>
        <div class="top-nav">
            <ul class="clearfix">
                <li><a href="#">高级珠宝</a></li>
                <li><a href="#">珠宝</a></li>
                <li><a href="#">婚礼</a></li>
                <li><a href="#">腕表</a></li>
                <li><a href="#">香水</a></li>
                <li><a href="#">生活艺术</a></li>
                <li><a href="#">品牌</a></li>
                <li><a href="#">新闻</a></li>
                <li><a href="#"><img src="./imgs/search1.png" alt=""></a></li>
            </ul>
        </div>
    </div>
    <div class="main w">
        <div class="main-left-nav">
            <div class="main-left-top-nav clearfix w">
                <i class="left">
                    <a href="#">首页</a>
                    / 珠宝
                </i>
            </div>
            <div class="menu">
                <ul>
                    <li class="clearfix">
                        <a href="#">类别
                            <div class="jiantou"></div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#">系列
                            <div class="jiantou"></div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#">材质
                            <div class="jiantou"></div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#">宝石材质
                            <div class="jiantou"></div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#">铺镶钻石
                            <div class="jiantou"></div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#">视觉呈现
                            <div class="jiantou"></div>
                        </a>
                    </li>
                </ul>
                <div class="arange">
                    <h4>排序方式</h4>
                    <div>
                        <input name="height" type="radio">
                        <span>价格由高到低</span>
                    </div>
                    <div>
                        <input name="low" type="radio">
                        <span>价格由低到高</span>
                    </div>
                </div>
                <div class="clean">
                    <a href="#">清除勾选</a>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="content-nav">
                <i>131个作品</i>
                <a href="#">四列展示 三列展示</a>
            </div>
            <div class="banner">
                <img class="woman" src="./珠宝imgs/banner.jpg" alt="">
                <img class="love" src="./imgs/love.png" alt="">
                <div class="ring">
                    <a href="#">
                        <img class="ring-img" src="./珠宝imgs/ring.png" alt="">
                        <img class="aixin" src="./imgs/aixin.png" alt="">
                        <div class="linear">
                            <div class="small-linear"></div>
                        </div>
                        <div class="ring-info">
                            <div class="reduce"></div>
                            <i>
                                love结婚对戒 18K玫瑰金
                                <p>￥9,100</p>
                            </i>
                            <button>加入购物袋</button>
                        </div>
                    </a>
                    <a href="#">
                        <img class="ring-img" src="./珠宝imgs/ring.png" alt="">
                        <img class="aixin" src="./imgs/aixin.png" alt="">
                        <div class="linear">
                            <div class="small-linear"></div>
                        </div>
                        <div class="ring-info">
                            <div class="reduce"></div>
                            <i>
                                love结婚对戒，镶嵌1颗钻石 18K玫瑰金
                                <p>￥17,300</p>
                            </i>
                            <button>加入购物袋</button>
                        </div>
                    </a>
                    <a href="#">
                        <img class="ring-img" src="./珠宝imgs/ring.png" alt="">
                        <img class="aixin" src="./imgs/aixin.png" alt="">
                        <div class="linear">
                            <div class="small-linear"></div>
                        </div>
                        <div class="ring-info">
                            <div class="reduce"></div>
                            <i>
                                love项链，镶嵌2颗钻石 18K玫瑰金
                                <p>￥19,100</p>
                            </i>
                            <button>加入购物袋</button>
                        </div>
                    </a>
                    <a href="#">
                        <img class="ring-img" src="./珠宝imgs/ring.png" alt="">
                        <img class="aixin" src="./imgs/aixin.png" alt="">
                        <div class="linear">
                            <div class="small-linear"></div>
                        </div>
                        <div class="ring-info">
                            <div class="reduce"></div>
                           <i>
                                love项链 18K玫瑰金
                                <p>￥18,500</p>
                           </i>
                           <button>加入购物袋</button>
                        </div>
                    </a>
                    <a href="#">
                        <img class="ring-img" src="./珠宝imgs/shouzhuo.png" alt="">
                        <img class="aixin" src="./imgs/aixin.png" alt="">
                        <div class="linear">
                            <div class="small-linear"></div>
                        </div>
                        <div class="ring-info">
                            <div class="reduce"></div>
                            <i>
                                love手镯，小号款，镶嵌6颗钻石 18K玫瑰金
                                <p>￥51,000</p>
                            </i>
                            <button>加入购物袋</button>
                        </div>
                    </a>
                    <a href="#">
                        <img class="ring-img" src="./珠宝imgs/shouzhuo.png" alt="">
                        <img class="aixin" src="./imgs/aixin.png" alt="">
                        <div class="linear">
                            <div class="small-linear"></div>
                        </div>
                        <div class="ring-info">
                            <div class="reduce"></div>
                            <i>
                                love手镯，小号款 18K玫瑰金
                                <p>￥34,600</p>
                            </i>
                            <button>加入购物袋</button>
                        </div>
                    </a>
                    <a href="#">
                        <img class="ring-img" src="./珠宝imgs/shoulian.png" alt="">
                        <img class="aixin" src="./imgs/aixin.png" alt="">
                        <div class="linear">
                            <div class="small-linear"></div>
                        </div>
                        <div class="ring-info">
                            <div class="reduce"></div>
                            <i>
                                love手镯 18K玫瑰金
                                <p>￥16,600</p>
                            </i>
                            <button>加入购物袋</button>
                        </div>
                    </a>
                    <a href="#">
                        <img class="ring-img" src="./珠宝imgs/shoulian.png" alt="">
                        <img class="aixin" src="./imgs/aixin.png" alt="">
                        <div class="linear">
                            <div class="small-linear"></div>
                        </div>
                        <div class="ring-info">
                            <div class="reduce"></div>
                            <i>
                                love手镯 18K玫瑰金
                                <p>￥16,600</p>
                            </i>
                            <button>加入购物袋</button>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <a class="contact" href="#">
        <ul class="w">
                <li>
                    <img src="./imgs/free.png" alt="">
                    <div>免费配送</div>
                </li>
                <li>
                    <img src="./imgs/tuihuan.png" alt="">
                    <div>轻松退换</div>
                </li>
                <li>
                    <img src="./imgs/jingpin.png" alt="">
                    <div>精品店提货</div>
                </li>
                <li>
                    <img src="./imgs/art.png" alt="">
                    <div>卡地亚包装艺术</div>
                </li>
        </ul>
    </a>
    <div class="foot-top w">
        <li>
            <h5>订阅最新资讯</h5>
            <input type="text" placeholder="邮箱"><button>订阅</button>
        </li>
    </div>
    <div class="foot-middle w">
        <ul>
            <h6>关于服务</h6>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">在线服务</a></li>
            <li><a href="#">配送服务</a></li>
            <li><a href="#">支付方式</a></li>
            <li><a href="#">常见问题</a></li>
            <li><a href="#">网站地图</a></li>
        </ul>
        <ul>
            <h6>关于我们</h6>
            <li><a href="#">寻找精品店</a></li>
            <li><a href="#">工作机会</a></li>
        </ul>
        <ul>
            <h6>法律声明和隐私条款</h6>
            <li><a href="#">使用条款</a></li>
            <li><a href="#">销售条款</a></li>
            <li><a href="#">退换货服务</a></li>
            <li><a href="#">隐私服务</a></li>
            <li><a href="#">COOKIE政策</a></li>
        </ul>
        <ul>
            <h6>关注我们</h6>
            <li class="clearfix">
                <div class="weixin fl"><img src="./imgs/weixin.png" alt=""></div>
                <div class="weibo fl"><img src="./imgs/weibo.png" alt=""></div>
            </li>
        </ul>
    </div>
    <div class="foot-bottom">
        <div class="foot-bottom-t w clearfix">
            <div class="cartier"><img src="./imgs/cartier.png" alt=""></div>
            <div class="fondation"><img src="./imgs/fondation.png" alt=""></div>
            <div class="phi"><img src="./imgs/phi.png" alt=""></div>
        </div>
        <div class="foot-bottom-b"></div>
    </div>
    <a href="#" class="relation"><img src="./imgs/asotiation.png" alt=""></a>
    <a href="#" class="jiantou-top"><img src="imgs/jiantou-nav.svg" alt=""></a>
    <button class="feedback">反馈</button>
</body>
</html>